<!DOCTYPE html>
<html lang="en">
{% load static%}
<!-- Mirrored from coderthemes.com/velonic_3.0/admin_3/root.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 May 2016 14:52:04 GMT -->
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="{% static 'img/favicon_1.ico' %}">

        <title>{% block titile%}{% endblock %}</title>

        <!-- Bootstrap core CSS -->
        <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
        <link href="{% static 'css/bootstrap-reset.css' %}" rel="stylesheet">

        <!--Animation css-->
        <link href="{% static 'css/animate.css' %}" rel="stylesheet">

        <!--Icon-fonts css-->
        <link href="{% static 'assets/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
        <link href="{% static 'assets/ionicon/css/ionicons.min.css' %}" rel="stylesheet" />

        <!--Morris Chart CSS -->
        <link rel="stylesheet" href="{% static 'assets/morris/morris.css' %}">

        <!-- sweet alerts -->
        <link href="{% static 'assets/sweet-alert/sweet-alert.min.css' %}" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="{% static 'css/style.css' %}" rel="stylesheet">
        <link href="{% static 'css/helper.css' %}" rel="stylesheet">



        <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
        <!--[if lt IE 9]>
          <script src="{% static 'js/html5shiv.js' %}"></script>
          <script src="{% static 'js/respond.min.js' %}"></script>
        <![endif]-->

<!--        <script>-->
<!--          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){-->
<!--          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),-->
<!--          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)-->
<!--          })(window,document,'script','../../../www.google-analytics.com/analytics.js','ga');-->

<!--          ga('create', 'UA-62751496-1', 'auto');-->
<!--          ga('send', 'pageview');-->

<!--        </script>-->

    </head>


    <body>

        <!-- Aside Start-->
        <aside class="left-panel">

            <!-- brand -->
            <div class="logo">
                <a href="index.html" class="logo-expanded">
                    <i class="ion-social-buffer"></i>
                    <span class="nav-label">DEPLOY</span>
                </a>
            </div>
            <!-- / brand -->

            <!-- Navbar Start -->
            <nav class="navigation">
                <li class="active"><a href="index.html"><i class="ion-home"></i> <span class="nav-label">Dashboard</span></a></li>
                                <ul class="list-unstyled">
                {%block leftside %}{%endblock%}
                                </ul>
            </nav>

        </aside>
        <!-- Aside Ends-->


        <!--Main Content Start -->
        <section class="content">

            <!-- Header -->
            <header class="top-head container-fluid">
                <button type="button" class="navbar-toggle pull-left">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <!-- Search -->
                <form role="search" class="navbar-left app-search pull-left hidden-xs">
                  <input type="text" placeholder="Search..." class="form-control">
                  <a href="#"><i class="fa fa-search"></i></a>
                </form>



                    <!-- Right navbar -->
                    <ul class="nav navbar-nav navbar-right top-menu top-right-menu">
                        <!-- mesages -->
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <i class="fa fa-envelope-o "></i>
                                <span class="badge badge-sm up bg-purple count">4</span>
                            </a>
                            <ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5001">
                                <li>
                                    <p>Messages</p>
                                </li>
                                {% block messages %}{%endblock%}
                                <li>
                                    <p><a href="inbox.html" class="text-right">See all Messages</a></p>
                                </li>
                            </ul>
                        </li>
                        <!-- /messages -->
                        <!-- Notification -->
                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <i class="fa fa-bell-o"></i>
                                <span class="badge badge-sm up bg-pink count">3</span>
                            </a>
                            <ul class="dropdown-menu extended fadeInUp animated nicescroll" tabindex="5002">
                                <li class="noti-header">
                                    <p>Notifications</p>
                                </li>
         {%block notice%}{%endblock%}
                                <li>
                                    <p><a href="#" class="text-right">See all notifications</a></p>
                                </li>
                            </ul>
                        </li>
                        <!-- /Notification -->

                        <!-- user login dropdown start-->
                        <li class="dropdown text-center">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                               {%block userselfname %}{%endblock%}
                            </a>
                            <ul class="dropdown-menu pro-menu fadeInUp animated" tabindex="5003" style="overflow: hidden; outline: none;">
                                {%block userspace%}{%endblock%}
                            </ul>
                        </li>
                        <!-- user login dropdown end -->
                    </ul>
                    <!-- End right navbar -->
                </nav>

            </header>
            <!-- Header Ends -->


            <!-- Page Content Start -->
            <!-- ================== -->

            <div class="wraper container-fluid">
                <div class="page-title">
                    <h3 class="title">Welcome !</h3>
                </div>
                {%block content%}{%endblock%}




            </div>
            <!-- Page Content Ends -->
            <!-- ================== -->

            <!-- Footer Start -->
            <footer class="footer">
                <h2>zhongzw1</h2>
            </footer>
            <!-- Footer Ends -->



        </section>
        <!-- Main Content Ends -->



        <!-- js placed at the end of the document so the pages load faster -->
        <script src="{% static 'js/jquery.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>
        <script src="{% static 'js/modernizr.min.js' %}"></script>
        <script src="{% static 'js/pace.min.js' %}"></script>
        <script src="{% static 'js/wow.min.js' %}"></script>
        <script src="{% static 'js/jquery.scrollTo.min.js' %}"></script>
        <script src="{% static 'js/jquery.nicescroll.js' %}" type="text/javascript"></script>
        <script src="{% static 'assets/chat/moment-2.2.1.js' %}"></script>

        <!-- Counter-up -->
        <script src="{% static 'js/waypoints.min.js' %}" type="text/javascript"></script>
        <script src="{% static 'js/jquery.counterup.min.js' %}" type="text/javascript"></script>

        <!-- EASY PIE CHART JS -->
        <script src="{% static 'assets/easypie-chart/easypiechart.min.js' %}"></script>
        <script src="{% static 'assets/easypie-chart/jquery.easypiechart.min.js' %}"></script>
        <script src="{% static 'assets/easypie-chart/example.js' %}"></script>


        <!--C3 Chart-->
        <script src="{% static 'assets/c3-chart/d3.v3.min.js' %}"></script>
        <script src="{% static 'assets/c3-chart/c3.js' %}"></script>

        <!--Morris Chart-->
        <script src="{% static 'assets/morris/morris.min.js' %}"></script>
        <script src="{% static 'assets/morris/raphael.min.js' %}"></script>

        <!-- sparkline -->
        <script src="{% static 'assets/sparkline-chart/jquery.sparkline.min.js' %}" type="text/javascript"></script>
        <script src="{% static 'assets/sparkline-chart/chart-sparkline.js' %}" type="text/javascript"></script>

        <!-- sweet alerts -->
        <script src="{% static 'assets/sweet-alert/sweet-alert.min.js' %}"></script>
        <script src="{% static 'assets/sweet-alert/sweet-alert.init.js' %}"></script>

        <script src="{% static 'js/jquery.app.js' %}"></script>
        <!-- Chat -->
        <script src="{% static 'js/jquery.chat.js' %}"></script>
        <!-- Dashboard -->
        <script src="{% static 'js/jquery.dashboard.js' %}"></script>

        <!-- Todo -->
        <script src="{% static 'js/jquery.todo.js' %}"></script>


        <script type="text/javascript">
        /* ==============================================
             Counter Up
             =============================================== */
            jQuery(document).ready(function($) {
                $('.counter').counterUp({
                    delay: 100,
                    time: 1200
                });
            });
        </script>


    </body>

<!-- Mirrored from coderthemes.com/velonic_3.0/admin_3/root.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 May 2016 14:52:31 GMT -->
</html>
